<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-title" content="斗米兼职">
        <meta name="format-detection"content="telephone=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <link rel="apple-touch-icon-precomposed" href="http://sta.ganji.com/att/project/app/parttime_job/doumi/logo_app.png">
        <script src="https://api.map.baidu.com/api?v=2.0&ak=XLwUQbNWQVgZgPoGtu0U9uwT0eGplAgx&s=1" type="text/javascript"></script>
        <title>地点微调</title>
        <style type="text/css">
            #view_ready{
                display: none;
            }
        </style>
    </head>
    <body>
        <!-- page start -->
        <div class="page signin" id="view_ready">
            <div class="map" id="l-map"></div>
            <div class="searchbar">
                <div class="weui-search-bar" id="searchBar">
                    <form class="weui-search-bar__form">
                        <div class="weui-search-bar__box">
                            <i class="weui-icon-search"></i>
                            <input type="search" class="weui-search-bar__input" id="searchInput" placeholder="搜索" required="">
                            <a href="javascript:" class="weui-icon-clear" id="searchClear"></a>
                        </div>
                        <label class="weui-search-bar__label" id="searchText" style="transform-origin: 0px 0px 0px; opacity: 1; transform: scale(1, 1);" @click="searchPosition">
                            <i class="weui-icon-search"></i>
                            <span>搜索</span>
                        </label>
                    </form>
                </div>
            </div>
            <div class="location-wrap com-border-top" style="height:50%;background-color: #fff;">
                <div class="weui-cells weui-cells_radio location-list_2" id="poslist">
                    <p class="search_tip" v-if="!search_end">正在搜索到附近地点...</p>
                    <p class="search_tip" v-if="search_end && addressList.length == 0">未搜索到附近地点</p>
                    <!-- <template v-for="list in addressList"> -->
                        <label class="weui-cell weui-check__label" for="{{address.id}}" v-for="address in addressList">
                            <div class="weui-cell__bd">
                                <h2>{{address.name}}</h2>
                                <p><span class="bg_sprite icon_location"></span>{{address.address}}</p>
                            </div>
                            <div class="weui-cell__ft">
                                <input type="radio" class="weui-check" name="radio1" id="{{address.id}}"  value="{{address.id}}" v-model="selectId" @click="switchView(address)">
                                <span class="weui-icon-checked"></span>
                            </div>
                        </label>
                    <!-- </template>     -->
                </div>
            </div>
        </div>
        <!-- page end -->
    </body>
    <script type="text/javascript">
        setTimeout(() => {
            $('#l-map').height($(window).height()/2)
            $('#poslist').height($(window).height()/2)
        }, 100)
    </script>
    <style type="text/css">
        #poslist{
            overflow: auto;
        }
        #view_ready{
            display: block;
        }
        #poslist:after{
            content: none;
        }
        p.search_tip{
            text-align: center;
            color: rgb(187,187,187);
            font-size: 16px;
            margin-top: 130px;
        }
    </style>
</html>
